<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.container2{
	width:100%;
	margin:0 auto;
}
a{
  text-decoration: none;
}

.slider2{
  background-color: white;
  border:1px solid #FFA836;
  border-radius: 15px;
  padding:30px;
	width:70%;
	margin:0 auto;
}

.slick-img{
  display:table;
  margin:0 auto;
  padding:0px 30px;
	text-align:center;
  
}
.slick-img img{
  width:75%;
	margin:0 auto;
}


.slick-img h2{
  font-size:24px;
  font-family: 'noto sans jp';
  color: #0C1B23;
	font-weight:bold;
}
.textsetumei{
	margin-top:20px;
  text-align: left;
  font-family: 'noto sans jp';
  font-size:16px;
  color: #0C1B23;
}

.textbox{
	margin-top:20px;
  text-align: left;
  background-color: #FFE3BF;
  font-family: 'noto sans jp';
  font-size:16px;
  line-height: 1.6em;
  color:#FFA836;
  padding:10px 40px;
}

/*-----PDFボタン----------------*/
.pdf-btn{
  margin-top:30px;
}
.pdf-btn a{
  font-family: 'noto sans jp';
  color:#FFA836;
  border:1px solid #FFA836;
  padding:10px 17px;
  background-color: white;
  box-shadow: 0px 2px 0px #FFA836;
}

.pdf-btn a:hover{
  color:white;
  background-color: #FFA836;
}

.pdf-btn a::before{
  content:url(https://lineup.blue/wp/wp-content/uploads/2023/07/pdf-icon.png);
}

/*-----購入ボタン----------------*/
.buy-btn{
  margin:40px 0px 50px 0px;
}
.buy-btn a{
  font-family: 'noto sans jp';
  font-size:16px;
  background-color: #1579A8;
  color:white;
  border-radius: 1000px;
  padding:20px 50px;
}
.buy-btn a:hover{
  background-color: #A5DFF9;  
}
.buy-btn a::before{
  content:url(https://lineup.blue/wp/wp-content/uploads/2023/07/cart-icon.png);
}


/*-----矢印----------------*/

.prev-arrow2{
	cursor : pointer;
	position: absolute;
    top: 50%;
    left: -10%;
}

.next-arrow2{
	cursor : pointer;
	    position: absolute;
    top: 50%;
    right: -10%;
}

/*-----レスポンシブ----------------*/

@media screen and ( max-width:1024px ){
  .slider2{
       padding: 5px;
       width:90%;
     }
     .next-arrow2 {
       right: -12%;
     }
     .next-arrow2 img{
       max-width:55%;
     }
     .prev-arrow2{
       left:-8%;
     }
     .prev-arrow2 img{
       max-width:55%;
     }
   }
   
@media screen and ( max-width:739px ){
  .slider2{
    width: 98%;
	}
   
  .slider2 img{
       width:100%;
     }
   
     .next-arrow2 {
       right: -13%;
       z-index: 10;
     }
     .next-arrow2 img{
       max-width:35%;
     }
     .prev-arrow2{
       left: 0%;
       z-index: 10;
     }
     .prev-arrow2 img{
       max-width:35%;
     }
     .textbox{
      padding: 10px;
     }
   
     .buy-btn a{
      padding: 8px;
     }
     .pdf-btn a{
       padding:8px;
   }
   }
</style>
<!-- end Simple Custom CSS and JS -->
